<html>
    <head>
        <title>view  视图容器</title>
    </head>
    <body>
        <script>
            // View 视图容器   https://uniapp.dcloud.net.cn/component/view.html

                    /*

                        一、概述

                                    视图容器。

                                    它类似于传统html中的div，用于包裹各种元素内容。

                                    如果使用nvue，则需注意，包裹文字应该使用<text>组件。
                    */

                    /*
                        二、属性说明

                                    属性名	                 类型	    默认值	        说明

                                1、hover-class	            String	    none	    指定按下去的样式类。当 hover-class="none" 时，没有点击态效果

                                2、hover-stop-propagation	Boolean	    false	    指定是否阻止本节点的祖先节点出现点击态，
                                                                                    App、H5、支付宝小程序、百度小程序不支持（支付宝小程序、百度小程序文档中都有此属性，实测未支持）
                                
                                3、hover-start-time	        Number	    50	        按住后多久出现点击态，单位毫秒
                                
                                4、hover-stay-time	        Number	    400	        手指松开后点击态保留时间，单位毫秒
                    */

                    /*
                         三、示例

                                以下示例代码，来自于hello uni-app项目，推荐使用HBuilderX，新建uni-app项目，选择hello uni-app模板，可快速体验完整示例。

                                        <!-- 本示例未包含完整css，获取外链css请参考上文，在hello uni-app项目中查看 --
                                        <template>
                                            <view>
                                                <view class="uni-padding-wrap uni-common-mt">
                                                    <view class="uni-title uni-common-mt">
                                                        flex-direction: row
                                                        <text>\n横向布局</text>
                                                    </view>
                                                    <view class="uni-flex uni-row">
                                                        <view class="flex-item uni-bg-red">A</view>
                                                        <view class="flex-item uni-bg-green">B</view>
                                                        <view class="flex-item uni-bg-blue">C</view>
                                                    </view>
                                                    <view class="uni-title uni-common-mt">
                                                        flex-direction: column
                                                        <text>\n纵向布局</text>
                                                    </view>
                                                    <view class="uni-flex uni-column">
                                                        <view class="flex-item flex-item-V uni-bg-red">A</view>
                                                        <view class="flex-item flex-item-V uni-bg-green">B</view>
                                                        <view class="flex-item flex-item-V uni-bg-blue">C</view>
                                                    </view>
                                                </view>
                                            </view>
                                        </template>


                                ★、注意：

                                        ①、小程序平台如果使用<div> ，编译时会被转换为 <view>.

                                        ②、App平台 Vue2 项目在节点非常多时，可以尝试使用 <div> 替换 <view> 以提升渲染性能。

                                        
                    */
        </script>
    </body>
</html>